<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>桌台</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../js/lib/layer_mobile/need/layer.css">
  <link rel="stylesheet" href="../css/fonts/iconfont.css">
  <link rel="stylesheet" href="../css/bootstrap-select.min.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="layout Table">
    <div class="top">
      <div class="brand">桌台</div>
      <ul class="top_menu">
        <!--
        <li class="">
          <a href="Order.html">
            <i class="iconfont icon-diancan"></i>
            <span>点餐</span>
          </a>
        </li>
        -->
        <li class="line"></li>
        <li class="zhuotai active">
          <a href="#">
            <i class="iconfont icon-zhuotai"></i>
            <span>桌台</span>
          </a>
        </li>
        <li class="line"></li>
        <li class="ordermanager">
          <a href="#">
            <i class="iconfont icon-dingdanguanli"></i>
            <span>订单管理</span>
          </a>
        </li>
        <!--
        <li class="line"></li>
        <li class="member">
          <a href="#">
            <i class="iconfont icon-huiyuanzhongxin"></i>
            <span>会员</span>
          </a>
        </li>
        -->
        <li class="line"></li>
        <li>
          <a class="jiaoban">
            <i class="iconfont icon-guanzhang"></i>
            <span>交班</span>
          </a>
        </li>
        <li class="line"></li>
        <li>
          <a class="loginOut">
            <i class="iconfont icon-tuichu"></i>
            <span>退出登录</span>
          </a>
        </li>
      </ul>
      <div class="userInfo"></div>
    </div>
    <div class="main">
      <ul class="main-left">
      </ul>
      <div class="main-content"> 
        <div class="top">
          <div class="info">
            <!-- <div><span>已结：</span><span>￥0.0</span></div>
            <div> <span>未结：</span><span>￥0.0</span></div> -->
            <button class="btn btn-info btn-jiesuo hidden">解锁</button>
          </div>
          <div class="staus">
            <button data-state="1" class="btn empty"><span></span> 空&nbsp;&nbsp;闲</button>
            <button data-state="2" class="btn YKT "><span class="yellow"></span> 已开台</button>
            <button data-state="3" class="btn YXD"><span class="pink"></span> 已下单</button>
            <!-- <button data-state="4" class="btn YJZ"><span class="green"></span> 已结账</button> -->
          </div>
        </div>
        <ul class="Tableinfo">
        </ul>
      </div>
      <div class="main-right">
        <!-- <div class="hasData hidden"> -->
        <div class="main-right_top">
          <div class="peopleNum hidden">
            <h4 class="tableNam"></h4> (人数: <span class="num"></span> 人)
          </div>
          <button id="editPeople" class="btn hidden">修改人数</button>
          <!-- data-toggle="modal" data-target="#PeopleModal" -->
        </div>
        <div class="noData">
          <div><i class="iconfont icon-kong"></i></div>
          <a class="goOrder btn-link">请选择桌台，开始点菜</a>
        </div>
        <div class="hasData hidden">
          <ul class="dishList_YD">
          </ul>
          <div class="money">
            <div class="stateIcon"></div>
            共<span class="dishToal"></span>项，合计<span class="red dishMoney"></span>
          </div>
          <div class="controlGroup">
            <div class="KTBtns">
              <button class="btn" id="addKT">点菜</button>
              <button class="btn" id="clearKT">清 台</button>
            </div>
            <div class="XDBtns">
              <div>
                <!--  #JSModal -->
                <!-- data-toggle="modal" data-target="#YHTModal" -->
                <button class="btn TransTable">移/合台</button>
                <!-- <button class="btn turnDish">转菜</button> -->

                <button class="btn print">打印</button>
              </div>
              <div>
                <button class="btn UrgeDish hidden">催菜</button>
                <button class="btn Retire">退菜</button><!-- data-toggle="modal" data-target="#JSModal" -->
                <button class="btn TuiDan">退单</button> <!-- data-toggle="modal" data-target="#JSModal" -->
              </div>
              <div>
                <button class="btn addDish">加菜</button>
                <button class="btn checkOut">结账</button>
              </div>
            </div>
            <div class="JZBtns">
              <button class="btn" id="clearTable">清 台</button>
            </div>
          </div>
        </div>

        <!-- </div> -->
      </div>
    </div>
  </div>
  <!-- 订餐人数弹框 -->
  <div class="modal" id="PeopleModal" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="PeopleModalLabel">订餐人数</h4>
        </div>
        <div class="modal-body">
          <div class="numbox">
            <div class="numInput">输入用餐人数</div>
            <div class="nums">
              <div class="item">
                <div data-num="1">1</div>
                <div data-num="2">2</div>
                <div data-num="3">3</div>
              </div>
              <div class="item">
                <div data-num="4">4</div>
                <div data-num="5">5</div>
                <div data-num="6">6</div>
              </div>
              <div class="item">
                <div data-num="7">7</div>
                <div data-num="8">8</div>
                <div data-num="9">9</div>
              </div>
              <div class="item">
                <div data-num="0">0</div>
                <!-- <div data-control="del">退格</div> -->
                <div data-control="empty">清空</div>
              </div>
            </div>
            <button class="btn btnSure">确认</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 移合台弹框 -->
  <div class="modal fade" id="YHTModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">移/合台</h4>
        </div>
        <div class="modal-body">
          <div class="selectGroup">
            <label style="font-size: 16px;">选择桌台：</label>
            <select id="selectTab" class="form-control selectpicker" data-live-search="true" data-width="50%" data-size="5"
              data-style="btn-info" data-none-selected-text="请选择桌台">
            </select>
          </div>
          <div class="transfer">
            <div class="left">
              <div class="tit">
                当前桌台：<span></span>
              </div>
              <ul>

              </ul>
            </div>
            <div class="mid">
              <i class="iconfont icon-Right toright hidden"></i>
              <i class="iconfont icon-circlewithanarrowpointingtoleft toleft hidden"></i>
            </div>
            <div class="right">
              <div class="tit">
                转移桌台：<span></span>
              </div>
              <ul>

              </ul>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
          <button type="button" class="btn btn-primary btnSure">确 定</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

  <!-- 解锁弹框 -->
  <div class="modal fade" id="JSModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">解锁</h4>
        </div>
        <div class="modal-body">
          <label for="JSMM">解锁桌台号：</label>
          <input type="text" class="form-control" id="JieSuo" placeholder="请输入桌台号">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
          <button type="button" class="btn btn-primary btnSure">确 定</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  <script src="../js/lib/jquery.min.js"></script>
  <script src="../js/lib/moment.min.js"></script>
  <script src="../js/lib/layer_mobile/layer.js"></script>
  <script src="../js/lib/bootstrap.min.js"></script>
  <script src="../js/lib/bootstrap-select.min.js"></script>
  <script src="../js/lib/defaults-zh_CN.min.js"></script>
  <script src="../js/app/app.js"></script>
  <script src="../js/app/Table.js"></script>
</body>

</html>